<!DOCTYPE html>
<!--    这里是注释      -->
<html lang="en">

<head>
    <!--字符集样式-->
    <meta charset="UTF-8">
    <!-- 移动端页面适配 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>【新思想引领新征程】推进长江十年禁渔 谱写长江大保护新篇章</title>
    <style>
        /* 网页居中显示，左右留白 */
        body {
            text-align: center;
            margin: 0 auto;
            width: auto;

        }
        .father{
            display:flex;
            flex-direction:row;
            /* column 按列排列 */
            justify-content: space-around;
            /* space-between 第一个和最后一个贴到两边，剩下的平分 */
            /* center, flex-start, flex-end */
        }
        div {
            width: 70%;/* 默认是内容展示区域的宽度，高度同理 */
            background-color: rgb(187, 221, 84);
            margin:20px auto;/* 第一个参数是上下，第二个参数是左右，auto是居中显示 */
            box-sizing: border-box; /* 这样宽度会改变整个div，而不是保证内容区域 */;
            padding:20 px;
            border:50px solid yellow;
            
        }

        .u1 {
            color: rgba(253, 103, 111)
        }

        .web {
            /* 去掉默认的下划线 */
            text-decoration: none;
            text-align: left;
        }

        p {
            text-indent: 2em;
            line-height: 1.5;
        }
        select{
            width: 150px;
            height: 30px;
        }
        input{
            width: 145px;
            height: 30px;
        }
    </style>
</head>

<body>
    <div class="father"">
       
            <h1>
                【新思想引领新征程】推进长江十年禁渔 谱写长江大保护新篇章
            </h1>
            <a class="web" href="https://baidu.com" target="_blank">央视网</a>
            <time class="u1" datetime=""></time>
            <img src="" alt="这是张照片">
            <p>这里是测试</p>
            <p>a12313dawdawd</p>
        
    </div>
    <form action="" method="get">
        姓名：<input type="text" name="name">&nbsp;&nbsp;
        性别：<select name="gender">
            <label><option value="0">男</option></label>
            <label><option value="1">女</option></label>
        </select>&nbsp;&nbsp;
        职位：<select name="position" >  
            <option value="0">经理</option>
            <option value="1">组长</option>
        </select>&nbsp;&nbsp;
        <button type="submit" >提交</button>
    </form>


</body>

</html>